﻿<#include "/utils/ui.ftl"/>
<#assign topId = 1 />

<@layout>

<div class="placeholder-height"></div>
<div class="article-section-wrap">
    <div class="article-section" data-aid="197460">
        <div class="container" id="article197460">
            <div class="nrtj-wrap" id="nrtj-wrap197460"></div>
            <div class="wrap-left pull-left">
                <!--文章内容页-->
                <div class="article-left-btn-group is-sticky" id="article-left-btn-group197460">
                    <ul>
                        <!--普通文章分享微博-->
                        <li><a href=""><i class="icon icon-article icon-article-wb js-weibo js-share-article"
                                          data-location="article" data-f="pc-weibo-article" aid="197460"></i></a></li>
                        <!--普通文章分享微信-->
                        <li class="weixin">
                            <div class="weixin-Qr-code "></div>
                            <a class="js-weixin" data-f="pc-friends-article"><i
                                    class="icon icon-article icon-article-pyq"></i></a>
                        </li>
                        <!--普通文章分享支付宝 -->
                        <li class="zhifubao">
                            <div class="zhifubao-Qr-code"></div>
                            <a class="js-zhifubao" data-f="pc_alipay_article"><i
                                    class="icon icon-article icon-article-zfb"></i></a>
                        </li>
                        <!--普通文章分享qq空间 -->
                        <li><a href=""><i class="icon icon-article icon-article-qzone js-qzone js-share-article"
                                          data-location="article" data-f="pc-qzone-article" aid="197460"></i></a></li>
                        <li><a class="js-article-pl-anchor"><i class="icon icon-article icon-article-pl">评论</i></a></li>
                        <!--普通文章收藏-->
                        <li><a class="js-collection-article"><i class="icon icon-article icon-article-col">收藏</i></a>
                        </li>
                    </ul>
                </div>
                <div class="article-wrap">
                    <h1 class="t-h1">${article.title}</h1>
                    <div class="article-author">
                        <span class="author-name"><a href="/member/1373658.html"
                                                     target="_blank">${article.author}</a></span>
                        <div class="column-link-box">
                            <span class="article-time pull-left">${article.publishTime?string('yyyy-MM-dd HH:mm:ss')}</span>
                            <span class="article-share pull-left">浏览87</span>
                            <a href="#" class="column-link" target="_blank">${article.source}</a> <i></i>
                        </div>
                    </div>

                    <!--文章头图-->
                <#--<div class="article-img-box"><img src="${article.thumbnail}" alt="${article.title}"></div>-->

                    <!--文章正文-->
                    <div id="article_content197460" class="article-content-wrap">
                        ${article.body}
                    </div>

                    <div class="Qr-code">
                        <!--普通文章点赞-->
                        <div class="praise-box transition js-like-article pull-right " data-type="like">
                            <div class="praise-box-add"><i class="icon icon-article-zan-add"></i><span>+1</span></div>
                            <i class="icon icon-article-zan"></i><span class="num">32</span>
                        </div>
                        <span class="btn tool-tip  btn-exceptional js-qr-ds transition">打赏</span>
                        <div class="js-qr-img transition info-false">
                            <div class="article-zfb-wx-box" onmouseover="isOut=false" onmouseout="isOut=true">
                                <ul>
                                    <li class="zhifb-mouseover">
                                        <i class="icon icon-zhifb"></i>
                                        <div class="j-btm zfbdashang-wrap"><img
                                                src="https://mobilecodec.alipay.com/show.htm?code=rex021253evapgmoq9smla8"
                                                alt=""/><i class="c2">给 Ta打个赏</i></div>
                                    </li>
                                    <li class="weix-mouseover"><i class="icon icon-weix"></i>
                                        <div class="j-btm wxdashang-wrap"><img
                                                src="https://img.huxiucdn.com/author_qr/8/1373658_1496668398_weixin.jpg"
                                                alt=""/><i class="c2">给 Ta 打个赏</i></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--管理员底部按钮-->
                    <div class="article-manage-bar article-bottom-manage-bar"
                         id="article-bottom-manage-bar197460"></div>
                    <div class="tag-box ">
                        <ul class="transition">
                            <a href="#" target="_blank">
                                <li class="transition">投稿</li>
                            </a>
                            <a href="#" target="_blank">
                                <li class="transition">创业</li>
                            </a>
                            <a href="#" target="_blank">
                                <li class="transition">商业模式</li>
                            </a>
                        </ul>
                    </div>

                    <!--相关文章位置-->
                    <div id="related-article-wrap197460"></div>

                </div>
            </div>

            <div class="wrap-right pull-right">
                <div class="box-moder hot-tag">
                    <h3>热门标签</h3>
                    <span class="pull-right project-more"><a href="#" class="transition" target="_blank">全部</a></span>
                    <span class="span-mark"></span>
                    <div class="search-history search-hot">
                        <ul>
                            <li class="transition"><a href="#" target="_blank">阿里巴巴</a></li>
                            <li class="transition"><a href="#" target="_blank">投稿</a></li>
                            <li class="transition"><a href="#" target="_blank">创业</a></li>
                            <li class="transition"><a href="#" target="_blank">头条</a></li>
                            <li class="transition"><a href="#" target="_blank">马云</a></li>
                            <li class="transition"><a href="#" target="_blank">大数据</a></li>
                            <li class="transition"><a href="#" target="_blank">移动互联网</a></li>
                            <li class="transition"><a href="#" target="_blank">电子商务</a></li>
                            <li class="transition"><a href="#" target="_blank">微信</a></li>
                            <li class="transition"><a href="#" target="_blank">Facebook</a></li>
                        </ul>
                    </div>
                </div>
                <div class="placeholder"></div>
                <div class="box-moder hot-article">
                    <h3>热文</h3>
                    <span class="span-mark"></span>
                    <ul>
                        <#if hotArticles?? && (hotArticles?size > 0) >
                        <#list hotArticles as row>
                        <li>
                            <div class="hot-article-img">
                                <a href="/article/${row.id}.html" target="_blank"><img
                                        src="${row.thumbnail}"></a>
                            </div>
                            <a href="/article/${row.id}.html" class="transition" target="_blank">${row.title}</a>
                        </li>
                        </#list>
                        <#else>
                     暂无数据
                        </#if>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <div class="article-section article-section-last"></div>
</div>

</@layout>